<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 1、methods用来定义普通方法，
        // 1.1同一个方法，调用多次，执行多次，每次重新渲染，都会执行
        // 1.2只支持函数的写法

        // 2、computed用来定义计算属性，
        // 2.1同一个计算属性使用多次，只有第一次会计算，后面多次重复使用，不会重新计算（会将第一次计算的结果缓存起来），
        // 2.2只有当内部所依赖的数据发生改变时，才重新计算
        // 2.3计算属性内部不支持异步（不能写异步代码）
        // 2.4可写成函数形式和对象形式

        // 3、watch用来定义数据监听，
        // 3.1只有当监听的数据本身发生改变时才会执行对应的回调函数
        // 3.2watch内部支持异步
        // 3.3可写成函数形式和对象形式
    </script>
</body>
</html>